<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>134.如何使用 clip-path 做一个聚光灯的效果送给心上人</title>
  <link href="./style.css" rel="stylesheet">
</head>
<body>
  <section>
    <h2>Hello</h2>
    <h2>How it is?</h2>
    <div class="circle"></div>
  </section>
  <script>
    const pos =document.documentElement
    pos.addEventListener('mousemove', e => {
      pos.style.setProperty('--x', e.clientX + 'px')
      pos.style.setProperty('--y', e.clientY + 'px')
    })
  </script>
</body>
</html>